<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

    <head>
        <meta charset="UTF-8">
        <title>注册页面</title>
        <link rel="stylesheet" href="../layui/css/layui.css">
        <link rel="stylesheet" href="../css/loginCss/register.css">
    </head>
    <body>
        <div class="container">
        <div id="Outerbody">
            <div class="leftBody">
                <div class="leftOne">财务管理系统</div>
            </div>
            <div class="rightBody">
                <div class="rightOne">
                    <h1>注册账号</h1>
                    <form class="layui-form" action="/javascript:;">
                        <div class="rightTwo" style="width: 400px">
                            <h3>账号</h3>
                            <div class="layui-form-item">
                                <div class="layui-input-block" style="width: 400px; height:50px ; margin-left: 0px">
                                    <input class="layui-input" name="userAccount" required lay-verify="required" placeholder="请输入账号" autocomplete="off"  >
                                </div>
                            </div>
                            <h3 style="margin-top: -20px" >密码</h3>
                            <div class="layui-form-item">
                                <div class="layui-input-block" style="width: 400px; height:50px ; margin-left: 0px">
                                    <input class="layui-input" type="password" name="userPwd" required lay-verify="required" placeholder="请输入密码" autocomplete="off"  >
                                </div>
                            </div>

                            <h3 style="margin-top: -20px" >验证码</h3>
                            <div class="layui-form-item">
                                <div class="layui-input-block" style="width: 400px; height:50px ; margin-left: 0px">
                                    <input class="layui-input" id="userPhone" name="userPhone" required lay-verify="required" placeholder="请输入手机号获取验证码" autocomplete="off">
                                    <input class="layui-input" id="yzm" name="yzm" required lay-verify="required" placeholder="请输入验证码" autocomplete="off">
                                    <!--<input type="hidden" name="userPhone">-->
                                    <div style="margin-top: -30px; margin-left: 310px">
                                        <button style="color:blue ; border: hidden; background-color: white" id="getMsm">获取验证码</button>
                                    </div>
                                </div>
                            </div>
                            <div class="rightBottom01">
                                <div class="layui-form-item">
                                    <div class="layui-input-block" style="margin-left: 0px">
                                        <input type="checkbox" title="同意" id="ty">
                                        注册既表示你同意<a href="#" style="color: blue">《服务协议》</a>
                                    </div>
                                </div>
                            </div>
                            <div class="rightBottom02">
                                <button class="layui-btn layui-btn-normal" lay-submit lay-filter="login" style="width: 400px; font-size: 20px">快速注册</button>
                            </div>

                            <div class="rightBottom03">
                                <a href="/login" style="color: blue">已有账号？   去登录</a>
                            </div>

                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    </body>
    <script src="../js/jquery-3.6.0.js"></script>
    <script src="../layui/layui.js"></script>
    <script src="../js/loginJs/register.js"></script>
</html>